<template>
  <div class="Layout">
    <div class="Subtitle">JS事件</div>
    <ul class="List">
      <li>animationstart：动画开始</li>
      <li>animationend：动画结束</li>
      <li>animationiteration：动画迭代</li>
    </ul>
    <div>这些事件的回调函数接收的事件对象中包含：目标属性名和动画时间（不包含延迟）。</div>
    <div class="Gap-S"></div>
    <div class="Emphasis">浏览器兼容性：</div>
    <pre>
IE × 5.5+ √ 10+
Edge √
Firefox × 2+ √ 5+ᵖ √ 16+
Chrome √ 4+ᵖ √ 43+
Safari × 3.1+ Θ 4+ᵖ² √ 5.1+ᵖ √ 9+
Opera × 9+ √ 12+ᵖ √ 12.1+ √ 15+ᵖ √ 30+
    </pre>
  </div>
</template>